<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		     <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<!--
		VueJS 常用系统指令  @或者v-on
		事件处理器（点击事件触发）-->
		<div id="root">
		<div v-on:click="change88">{{msg}}</div>
		<div @click="change88">{{msg}}</div> <!-- v-on可以写成@ -->
		</div>
		 
		<script>
		//实例化Vue对象
		new Vue({
		// 挂载点(用来绑定与元素的)
		el: '#root',
		// 数据对象(自定义数据对象)
		data:{
		msg:'vue',
		name:'<h1>mclink</h1>',
		},

		//方法实现
		methods:{
		change88:function(){
		this.msg='i love vue';
		document.write("22222222222");
		}
		}
		 
		})
		</script>
	</body>
</html>
